﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masterpages/Admin.master" AutoEventWireup="true" CodeBehind="Users.aspx.cs" Inherits="Web.admin.Users" %>
<asp:Content ID="Content1" ContentPlaceHolderID="leftContent" runat="server">
            <div class="grid_12">
                <h2>System Users</h2>                   
                <hr />
                <div class="bottom-spacing">
                
                    <!-- Button -->
                    <div class="float-right">
                        <a href="../Admin/UserEntry.aspx" class="button">
                        	<span><img src="../images/plus-small.gif" width="12" height="9" alt="Add New User" /> Add New User</span>
                        </a>
                    </div>
                    
                    <!-- Table records filtering -->
                    Filter: 
                    <select class="input-short">
                    	<option value="1" selected="selected">Select filter</option>
                        <option value="2">Created last week</option>
                        <option value="3">Created last month</option>
                        <option value="4">Edited last week</option>
                        <option value="5">Edited last month</option>
                    </select>
                    
                </div>
                
                
                <!-- Example table -->
                <div class="module">
                	<h2><span>List of all Users</span></h2>
                    
                    <div class="module-table-body">  
                    <asp:Repeater ID="repeaterTable" runat="server" 
                            OnItemCommand="repeaterTable_ItemCommand" 
                            onitemdatabound="repeaterTable_ItemDataBound">
                        <HeaderTemplate>
                            <table id="myTable" class="tablesorter">
                        	    <thead>
                                    <tr>
                                        <th style="width:5%">#</th>
                                        <th style="width:20%">Username</th>
                                        <th style="width:21%">Department</th>
                                        <th style="width:13%">Role</th>
                                        <th style="width:13%">Date Added</th>
                                        <th style="width:13%">Date Modified</th>
                                        <th style="width:15%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                        </HeaderTemplate>
                        <ItemTemplate>
                                <tr>
                                    <td class="align-center"><%# Eval("Id") %></td>
                                    <td><a href=""><%# Eval("UserName")%></a></td>
                                    <td><%# Eval("Department")%></td>
                                    <td>Admininstrator</td>
                                    <td><asp:Literal runat="server" ID="DateDateLiteral"></asp:Literal></td>
                                    <td><asp:Literal runat="server" ID="ModifiedDateLiteral"></asp:Literal></td>
                                    <td>
                                    	<input type="checkbox" id="selectedChkbox" runat="server" />                                        
                                        <a href="UserEntry.aspx?id=<%#Eval("Id")%>"><img src="/images/pencil.gif" width="16" height="16" alt="edit" /></a>                                                                                
                                        <asp:ImageButton runat="server" ID="deleteBtn" ImageUrl="/images/bin.gif" Width="16" Height="16" AlternateText="delete" CommandName="delete" CommandArgument=<%#Eval("Id")%> OnClientClick="return confirm('Confirm Delete?');" />
                                    </td>
                                </tr>                        
                        </ItemTemplate>
                        <FooterTemplate>
                                </tbody>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>                  	
                                                                    
                        <div class="pager" id="pager">                            
                            <div>
                            <img class="first" src="/images/arrow-stop-180.gif" alt="first"/>
                            <img class="prev" src="/images/arrow-180.gif" alt="prev"/> 
                            <input type="text" class="pagedisplay input-short align-center"/>
                            <img class="next" src="/images/arrow.gif" alt="next"/>
                            <img class="last" src="/images/arrow-stop.gif" alt="last"/> 
                            <select class="pagesize input-short align-center">
                                <option value="10" selected="selected">10</option>
                                <option value="20">20</option>
                                <option value="30">30</option>
                                <option value="40">40</option>
                            </select>
                            </div>                            
                        </div>
                        <div class="table-apply">
                            <form action="">
                            <div>
                            <span>Apply action to selected:</span> 
                            <select class="input-medium">
                                <option value="1" selected="selected">Select action</option>
                                <option value="2">Publish</option>
                                <option value="3">Unpublish</option>
                                <option value="4">Delete</option>
                            </select>
                            </div>
                            </form>
                        </div>
                        <div style="clear: both"></div>
                     </div> <!-- End .module-table-body -->
                </div> <!-- End .module -->
                                                                                                    
			</div> <!-- End .grid_12 -->
</asp:Content>
